<form role='form' method="POST" name="form_add_portfolio" id="form_add_portfolio" enctype="multipart/form-data">
	<div class="col-lg-7 col-md-7">
		<div class="col-lg-12 col-md-12 input_add_portfolio">	
			<div class="form-group">
			    <label class="title_cate_portfolio">Project Title</label>
			    <input type="text" class="form-control" name="projectTitle" id="projectTitle" style="border:3px solid #DFDFDB">
			</div>
			<div class="form-group">
			    <label class="title_cate_portfolio">Project Description</label>
			    <textarea class="form-control" rows="10" name="projectDescription" id="projectDescription" style="border:3px solid #DFDFDB"></textarea>
			</div>
		</div>
		<div class="col-lg-12 col-md-12">
			<div class="btn-attachment">
				<a><span class="label-attach">Browse for files to upload</span></a>
				<input type="file" name="file_upload_portfolio" id="file_upload_portfolio">
			</div>
		</div>
	</div>
	<div class="col-lg-5 col-md-5">
		<div class="col-lg-12 col-md-12 no-padding">
			<div class="form-group">
				<button type="submit" class="btn btn-lg btn-primary" style="width:100%">Publish</button>
			</div>
		</div>
		<div class="col-lg-12 col-md-12 no-padding" style="margin-bottom:15px;">
			<label>Make sure you have copyright permissions for any work you add to this project</label>
		</div>
		<div class="col-lg-12 col-md-12 text-center add_a_thumbnail">
			<div id="cropContainerModal1"></div>
			<a>Add</a> a thumbnail
		</div>
		<div class="col-lg-12 col-md-12 no-padding">
			<div class="form-group">
			    <div class="title_cate_portfolio">Category</div>
			    <?php
                    $group_parent[''] = $this->lang->line("Please select");
                    foreach ($groupParent->result() as $item) {
                        $group_parent[$item->id] = $item->group_name;
                    }
                    if(($this->input->post('group_parent'))) {
                        $selected = $this->input->post('group_parent');
                    }elseif(isset($groupParentSelect)) {
                        $selected = $groupParentSelect->parent_id;
                    }else{
                        $selected = '';
                    }

                    echo form_dropdown('group_parent', $group_parent, $selected, 'id="ParentCategory" class="form-control" ');
                ?>
			</div>
		</div>
		<div class="col-lg-12 col-md-12 no-padding">
			<div class="form-group">
			    <label class="title_cate_portfolio">Project URL</label> (optional)
			    <input type="text" class="form-control" name="projectURL" id="projectURL" style="border:3px solid #DFDFDB">
			</div>
		</div>
		<div class="col-lg-12 col-md-12 no-padding">
		    <div class="form-group">
		    	<label class="title_cate_portfolio">Completion Date</label> (optional)
                <div class="input-group date form_datetime">
                    <input class="form-control" type="text" style="border:3px solid #DFDFDB">
					<span class="input-group-addon"><span class="glyphicon glyphicon-th"></span></span>
                </div>
            </div>
		</div>
		<div class="col-lg-12 col-md-12 no-padding">
			<div class="form-group">
			    <label class="title_cate_portfolio">Skills</label> (optional)
			    <input type="text" class="form-control" name="skills_add_portfolio" id="skills_add_portfolio" style="border:3px solid #DFDFDB">
			</div>
		</div>
	</div>
</form>

<script type="text/javascript">
	$('.form_datetime').datetimepicker({
		format: "dd MM yyyy - hh:ii",
        autoclose: true,
        todayBtn: true,
        pickerPosition: "top-left"
	});
	var croppicContainerModalOptions = {
        uploadUrl:'<?php echo site_url("buyer/img_save_to_file");?>',
        cropUrl:'<?php echo site_url("buyer/img_crop_to_file");?>',
        modal:true,
        imgEyecandyOpacity:0.4,
        loaderHtml:'<div class="loader bubblingG"><span id="bubblingG_1"></span><span id="bubblingG_2"></span><span id="bubblingG_3"></span></div> '
    }
    var cropContainerModal = new Croppic('cropContainerModal1', croppicContainerModalOptions);
	$("#form_add_portfolio").validate({
		rules:{
			'projectTitle' :{
				required : true,
			},
			'projectDescription' :{
				required : true,
			},
			'file_upload_portfolio' :{
				required : true,
			}
		}
	});
</script>

<div style="clear:both;"></div>